<!doctype html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>食品安全知识考试结果</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-transform"/>
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="stylesheet" type="text/css" href="http://apps.bdimg.com/libs/blendui/2.0.0/boost.min.css" />
<!--<link rel="stylesheet" type="text/css" href="__PUBLIC__/acshenzhen/css/doc.css" />-->
<script type="text/javascript" src="__PUBLIC__/acshenzhen/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="http://apps.bdimg.com/libs/blendui/2.0.0/boost.min.js"></script>
<script type="text/javascript">window.boost = $.noConflict(true);</script>
<style>
html { font-size: 20px; }

@media only screen and (min-width: 320px) {
html { font-size: 17.06666666px !important; }
}

@media only screen and (min-width: 375px) {
html { font-size: 20px !important; }
}

@media only screen and (min-width: 400px) {
html { font-size: 21.33333333px !important; }
}

@media only screen and (min-width: 414px) {
html { font-size: 22.08px !important; }
}

@media only screen and (min-width: 480px) {
html { font-size: 25.6px !important; }
}
/*public*/
html, body { margin: 0; padding: 0; overflow-x: hidden; }
body { font-size: 62.5%; }
a, a:link, a:visited, a:hover, a:active { text-decoration: none!important }
.bg-no { background-color: transparent!important; border: none!important; }
.p-no { padding: 0!important; }
.m-no { margin: 0!important; }
.b-no { border: none!important; }
.text-center { text-align: center }
.pull-left { float: left; }
.pull-right { float: right; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-table; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.f-2x { font-size: 0.75rem!important; }
.f-1x { font-size: 0.65rem!important; }
.fw-bold { font-weight: bold!important; }
.wrap { position: fixed; left: 0; bottom: 0; right: 0; top: 0; min-height: 100vh; background: url(__PUBLIC__/acshenzhen/images/bg.png) bottom center no-repeat; background-attachment: fixed; background-size: cover; z-index: -2; }
/*thumb*/
.thumb-circle { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;overflow: hidden; }
/*bg*/
.bg-light-blue { background-color: #A6EDEF }
.bg-blue { background-color: #59BFFD }
.bg-grey { background-color: #f5f5f5; }
.bg-white { background-color: #fff; }
/*blend-link-group*/
.blend-link-group{margin-top: 1.0rem;}
.blend-link-group .blend-link { height: 2.0rem; line-height: 2.0rem; width: 10rem; margin: 0 auto; margin-bottom: 0.4rem; }
.blend-link-group .blend-link:nth-child(1) { background: url(__PUBLIC__/acshenzhen/images/btn-yellow.png) no-repeat center; background-size: 100% }
.blend-link-group .blend-link:nth-child(2) { background: url(__PUBLIC__/acshenzhen/images/btn-red.png) no-repeat center; background-size: 100% }
.blend-link-group .blend-link:nth-child(3) { background: url(__PUBLIC__/acshenzhen/images/btn-blue.png) no-repeat center; background-size: 100% }
.blend-link-group .blend-link a, .blend-link-group .blend-link a:hover, .blend-link-group .blend-link a:active { font-size: 0.75rem; font-weight: bold; color: #fff; }
.blend-link-group .blend-link:nth-child(1) a { -moz-text-shadow: -0.2rem 0 0.5rem #F09B02; -webkit-text-shadow: -0.2rem 0 0.5rem #F09B02; text-shadow: -0.2rem 0 0.5rem #F09B02; }
.blend-link-group .blend-link:nth-child(2) a { -moz-text-shadow: -0.2rem 0 0.5rem #E62C0C; -webkit-text-shadow: -0.2rem 0 0.5rem #E62C0C; text-shadow: -0.2rem 0 0.5rem #E62C0C; }
.blend-link-group .blend-link:nth-child(3) a { -moz-text-shadow: -0.2rem 0 0.5rem #1B4EAB; -webkit-text-shadow: -0.2rem 0 0.5rem #1B4EAB; text-shadow: -0.2rem 0 0.5rem #1B4EAB; }
/*user-info*/
.blend-picture.result { width: 53.8rem; height: 41.8rem; }
.user{margin-top: 1.5rem;}
.user h4.title { margin-top: 0.6rem; margin-bottom: 0.6rem;display: block; -webkit-flex-shrink: 1; -ms-flex: 0 1 auto; -webkit-flex-shrink: 1; flex-shrink: 1; white-space: nowrap; position: relative; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.user .blend-card { width: 12rem; margin: 0 auto; }
.user .blend-card-img-view { width: 3.1rem; height: 3.1rem; float: left; }
.user .blend-card-content-view { min-height: 2.0rem; max-height: none!important; overflow: visible!important }
.user .blend-card-text { min-height: 0.65rem; overflow: inherit!important }
.user-info { height: 36rem; color: #fff; position: relative; }
.user-info .blend-picture-circle img { width: 13rem; height: 13rem; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 0.5rem solid #ADDFFE; }
.user-info .blend-picture { margin: 0 auto!important; padding-top: 2rem; }
.user-info .blend-card-text { font-size: 2.6rem; color: #8A8A8A; }
.user-info figcaption h4, .user-info figcaption p { margin: 0; color: #fff; }
.user-info figcaption h4 { margin-bottom: 1rem; }
.user-info .bar { width: 100%; display: block; position: absolute; bottom: 1.1rem; }
.user-info .bar .info-bar { width: 68rem; height: 1.8rem; margin: 0 auto; background-color: #2AAEEC; -moz-border-radius: 0.9rem; -webkit-border-radius: 0.9rem; border-radius: 0.9rem; }
/*sun*/
.sun { position: absolute; right: 0.5rem; top: 0.25rem; width: 2.75rem; height: 2.75rem; background: url(__PUBLIC__/acshenzhen/images/sun.png) top right no-repeat; background-size: 100%; z-index: 2 }
/*cloud*/
.cloud-top { width: 75rem; height: 13.4rem; background: url(__PUBLIC__/acshenzhen/images/cloud-top.png) bottom center no-repeat; background-size: 100%; position: relative; z-index: -2 }
.cloud-bot { width: 75rem; height: 16.8rem; background: url(__PUBLIC__/acshenzhen/images/cloud-bot.png) top center no-repeat; background-size: 100%; position: relative; z-index: -2 }
/*button*/
.blend-button-yellow { background-color: #FDA93F; font-size: 16px; color: #fff; height: 8rem; line-height: 8rem; -moz-border-radius: 1rem; -webkit-border-radius: 1rem; border-radius: 1rem; }
.blend-button-yellow:hover, .blend-button-yellow:active { color: #fff; }
</style>
</head>
<body class="bg-light-blue">
<div class="wrap"></div>
<div class="sun"></div>
<div class="user blend-grid blend-container-fluid">
  <div class="blend-row">
	<div class="blend-col-10 blend-col-offset-1 bg-no">
    <div class="blend-card blend-card-no-icon bg-no">
      <div class="blend-card-img-view"> <img src="{$list.0.avatar}" class="thumb-circle"> </div>
      <div class="blend-card-content-view">
        <div class="blend-card-title">
          <h4 class="title f-2x">{$list.0.name}</h4>
        </div>
        <p class="blend-card-text f-1x">{$list.0.school}</p>
      </div>
    </div>
  </div>
</div>
  <div class="blend-row">
	<div class="blend-col-8 blend-col-offset-2 bg-no">
    <figure class="blend-picture blend-picture-full "> <img src="__PUBLIC__/acshenzhen/images/result.png"> </figure>
  </div>
  </div>
</div>
<div class="blend-link-group">
  <div class="blend-link blend-link-center btn-yellow"> <a href="{:U('prize_yaoyiyao')}" style="display:inline-block;width:100%;height:100%;">参加抽奖</a> </div>
  <div class="blend-link blend-link-center btn-red"> <a href="{:U('xws_vote_create')}" style="display:inline-block;width:100%;height:100%;">参加食品安全小卫士评选</a> </div>
  <!--<div class="blend-link blend-link-center btn-blue"> <a href="{:U('like_product')}" style="display:inline-block;width:100%;height:100%;">你投票我检测</a> </div>-->
</div>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
wx.config({
    debug: false,
    appId: '{$signPackage["appId"]}',
    timestamp: {$signPackage["timestamp"]},
    nonceStr: '{$signPackage["nonceStr"]}',
    signature: '{$signPackage["signature"]}',
    jsApiList: [
      // 所有要调用的 API 都要加到这个列表中
      'onMenuShareTimeline',
      'onMenuShareAppMessage'
    ]
});


wx.ready(function () {
// 在这里调用 API
    wx.onMenuShareTimeline({
        title: '{$school["name"]}食品知识校园行活动', // 分享标题
        link: "{$site_url}{:U('M/Acshiyaoju/xws_rank')}", // 分享链接
        imgUrl: 'http://www.zhongcetianxia.com/Public/template/default/img/acshenzhen/share_icon.jpg', // 分享图标
        success: function () { 
            // 用户确认分享后执行的回调函数，生成红包
            // _system.$("cover").click()

        },
        cancel: function () { 
            // 用户取消分享后执行的回调函数
        }
    });
    
    wx.onMenuShareAppMessage({
        title: '{$school["name"]}食品知识校园行', // 分享标题
        desc: '{$school["name"]}联合众测天下举办小卫士召集令，一起参与领奖品吧', // 分享描述
        link: "{$site_url}{:U('M/Acshiyaoju/xws_rank')}", // 分享链接
        imgUrl: 'http://www.zhongcetianxia.com/Public/template/default/img/acshenzhen/share_icon.jpg', // 分享图标
        type: '', // 分享类型,music、video或link，不填默认为link
        dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
        success: function () { 
            // 用户确认分享后执行的回调函数
            // _system.$("cover").click()

        },
        cancel: function () { 
            // 用户取消分享后执行的回调函数
        }
    });

});
</script>
</body>
</html>